{% extends "home/home.html" %}
{% load i18n %}

{% block head_title%}Login{% endblock %}

{% block content %}

<div id="content">        

{% if user.is_authenticated %} 
   <br><h1>Bienvenido {{ user.username }}, has sido logueado en el sistema. </h1><br> 
    <br>
    <a class="button" href="/cerrar/">Salir</a>
    
    {% else %}



 
    <br><h1>Iniciar Sesión</h1><br>

    
    {{ user.username }} 
    
    <div class="login-content">
        <div class="left">
            <h2>Nuevo Cliente</h2>
                <div class="content">
                <p><b>Registrar Cuenta</b></p>
                    <p>Al crear una cuenta podrá realizar sus compras rápidamente, 
                    revisar el estado de un pedido y realizar un seguimiento de 
                    los pedidos que ha hecho anteriormente.</p>
                    <a class="button" href="{% url 'register' %}">Continuar</a>
                </div>
        </div>
        
        
        <div class="right">
            <h2>Ya Soy Cliente</h2>
            <form enctype="multipart/form-data" method="POST" action="">{% csrf_token %}
                {% if form.errors %}
                <p> Por favor, corrija los siguientes campos: </p>
                {% endif %}            
              <div class="content">
                  {% if form.username.errors %} <p class="error"> {{ form.username.errors }} </p> {% endif %}  
                  <b> <label for= "username" {% if form.username.errors %} class="error" {% endif %}>Nombre de usuario:</label></b><br>
                  {{ form.username }}
                  <br>
                  <br>
                   {% if form.password.errors %} <label class="error"> {{ form.password.errors }} </label> {% endif %}  
                  <b> <label for= "password" {% if form.password.errors %} class="error" {% endif %}> Contraseña:</label></b><br>
                  {{ form.password }}
                  <br>
                  <a href="#">¿Has olvidado tu contraseña?</a><br>
                  <br>
                  <input type="submit" class="button" value="Login">
              </div>
            </form>
            
       
        </div>
    </div>
    {% endif %}
</div>
<!--Middle Part End-->
<div class="clear"></div>   
{% endblock %}